import { useNavigate } from "react-router-dom";
import { Button } from "antd";

export default function NotFound() {
  const navigate = useNavigate();
  const notFound = new URL("@/assets/images/404.png", import.meta.url).href;
  return (
    <div className="w-full h-full flex flex-col justify-center items-center">
      <img className="w-[960px] h-[960px]" src={notFound} alt="" />
      <h2 className="text-2xl font-bold">不好意思啦，没找到页面···</h2>
      <Button type="primary" className="mt-4" onClick={() => navigate(-1)}>
        返回上一层
      </Button>
    </div>
  );
}
